<!doctype html>
<html><!-- InstanceBegin template="/Templates/dwt.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
    <meta charset="utf-8">
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>谋刻职业教育在线测评与学习平台</title>
    <link rel="stylesheet" href="../css/course.css"/>
    <script src="../js/jquery-1.8.0.min.js"></script>
    <link rel="stylesheet" href="../css/tab.css" media="screen">
    <script src="../js/jquery.tabs.js"></script>
    <script src="../js/mine.js"></script>
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->

</head>

<body>

<div class="head" id="fixed">
    <div class="nav">
        <span class="navimg"><a href="../index.html"><img border="0" src="../images/logo.png"></a></span>
        <ul class="nag">
            <li><a href="../courselist.html" class="link1 current">课程</a></li>
            <li><a href="../articlelist.html" class="link1">资讯</a></li>
            <li><a href="../teacherlist.html" class="link1">讲师</a></li>
            <li><a href="../exam_index.html" class="link1" target="_blank">题库</a></li>
            <li><a href="../askarea.html" class="link1" target="_blank">问答</a></li>

        </ul>
        <span class="massage">
            <!--<span class="select">
        	<a href="#" class="sort">课程</a>
        	<input type="text" value="关键字"/>
            <a href="#" class="sellink"></a>
            <span class="sortext">
            	<p>课程</p>
                <p>题库</p>
                <p>讲师</p>
            </span>
        </span>-->
            <!--未登录-->
        	<span class="exambtn_lore">
                 <a class="tkbtn tklog" href="../login.html">登录</a>
                 <a class="tkbtn tkreg" href="../register.html">注册</a>
            </span>
            <!--登录后-->
            <!--<div class="logined">
                <a href="mycourse.html"  onMouseOver="logmine()" style="width:70px" class="link2 he ico" target="_blank">sherley</a>
                <span id="lne" style="display:none" onMouseOut="logclose()" onMouseOver="logmine()">
                    <span style="background:#fff;">
                        <a href="mycourse.html" style="width:70px; display:block;" class="link2 he ico" target="_blank">sherley</a>
                    </span>
                    <div class="clearh"></div>
                    <ul class="logmine" >
                        <li><a class="link1" href="#">我的课程</a></li>
                        <li><a class="link1" href="#">我的题库</a></li>
                        <li><a class="link1" href="#">我的问答</a></li>
                        <li><a class="link1" href="#">退出</a></li>
                    </ul>
                </span>
            </div>-->

        </span>
    </div>
</div>
<!-- InstanceBeginEditable name="EditRegion1" -->
<div class="coursecont" id="app">
    <div class="coursepic">
        <div class="course_img"><img :src="'/api/education-course/base/download/'+course.courseLogo" width="500"></div>
        <div class="coursetitle">
            <a class="state">更新中</a>
            <h2 class="courseh2">{{course.courseName}}</h2>
            <p class="courstime">总课时：<span class="course_tt">{{course.lessionNum}}</span></p>
            <p class="courstime">课程时长：<span class="course_tt">3小时20分</span></p>
            <p class="courstime">学习人数：<span class="course_tt">{{person}}</span></p>
            <p class="courstime">讲师：{{teacher.fullName}}</p>
            <p class="courstime">课程价格：{{course.price}}</p>
            <!--<p><a class="state end">完结</a></p>-->
            <span class="coursebtn"><a class="btnlink" @click="learn()">加入学习</a><a class="codol fx" href="javascript:void(0);" onClick="$('#bds').toggle();">分享课程</a><a class="codol sc" href="#">收藏课程</a></span>
            <div style="clear:both;"></div>
            <div id="bds">
                <div class="bdsharebuttonbox">
                    <a title="分享到QQ空间" href="#" class="bds_qzone" data-cmd="qzone"></a>
                    <a title="分享到新浪微博" href="#" class="bds_tsina" data-cmd="tsina"></a>
                    <a title="分享到腾讯微博" href="#" class="bds_tqq" data-cmd="tqq"></a>
                    <a title="分享到人人网" href="#" class="bds_renren" data-cmd="renren"></a>
                    <a title="分享到微信" href="#" class="bds_weixin" data-cmd="weixin"></a>
                    <a href="#" class="bds_more" data-cmd="more"></a>
                    <a class="bds_count" data-cmd="count"></a>
                </div>
                <script>
                    window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"24"},"share":{},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"24"}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
                </script>
            </div>
        </div>
        <div class="clearh"></div>
    </div>

    <div class="clearh"></div>
    <div class="coursetext">
        <h3 class="leftit">课程简介</h3>
        <p class="coutex">{{course.courseContent}}</p>
        <div class="clearh"></div>
        <h3 class="leftit">课程目录</h3>
        <dl class="mulu" v-for="item in courseList">
            <dt><a href="../coursecont1.html" class="graylink">{{item.nodeName}}</a></dt>
            <dd>{{item.remarks}}</dd>
        </dl>
    </div>

    <div class="courightext">
        <div class="ctext">
            <div class="cr1" style="height: 300px">
                <h3 class="righttit">授课讲师</h3>
                <div class="teacher">
                    <div class="teapic ppi">
                        <a href="../teacher.html" target="_blank"><img :src="'/api/education-user/eduTeacher/download/'+teacher.picImg" width="80" class="teapicy" ></a>
                        <h3 class="tname"><a href="../teacher.html" class="peptitle" target="_blank">{{teacher.fullName}}</a>
                            <span v-if="teacher.isStar==0">高级讲师</span>
                            <span v-if="teacher.isStar==1">首席讲师</span></p></h3>
                    </div>
                    <div class="clearh"></div>
                    <p>{{teacher.remarks}}</p>
            </div>
        </div>

        <div class="ctext">
            <div class="cr1">
                <h3 class="righttit">课程公告</h3>
                <div class="gonggao">
                    <div class="clearh"></div>
                    <p>人所缺乏的不是才干而是志向，不是成功的能力而是勤劳的意志。<br/>
                        <span class="gonggao_time">2014-12-12 15:01</span>
                    </p>
                    <div class="clearh"></div>
                    <p>请学习的同学在每节课学习后务必做完当节课的测试！<br/>
                        <span class="gonggao_time">2014-12-12 15:01</span>
                    </p>
                    <div class="clearh"></div>
                </div>
            </div>
        </div>

        <div class="ctext">
            <div class="cr1">
                <h3 class="righttit">相关课程</h3>
                <div class="teacher">
                    <div class="teapic">
                        <a href="#"  target="_blank"><img src="../images/c1.jpg" height="60" title="财经法规与财经职业道德"></a>
                        <h3 class="courh3"><a href="#" class="peptitle" target="_blank">财经法规与财经职业道德</a></h3>
                    </div>
                    <div class="clearh"></div>
                    <div class="teapic">
                        <a href="#"  target="_blank"><img src="../images/c2.jpg" height="60" title="财经法规与财经职业道德"></a>
                        <h3 class="courh3"><a href="#" class="peptitle" target="_blank">财经法规与财经职业道德</a></h3>
                    </div>
                    <div class="clearh"></div>
                    <div class="teapic">
                        <a href="#"  target="_blank"><img src="../images/c3.jpg" height="60" title="财经法规与财经职业道德"></a>
                        <h3 class="courh3"><a href="#" class="peptitle" target="_blank">财经法规与财经职业道德</a></h3>
                    </div>
                    <div class="clearh"></div>
                </div>
            </div>
        </div>

    </div>



    <div class="clearh"></div>
</div>
<!-- InstanceEndEditable -->


<div class="clearh"></div>
<div class="foot">
    <div class="fcontainer">
        <div class="fwxwb">
            <div class="fwxwb_1">
                <span>关注微信</span><img width="95" alt="" src="../images/num.png">
            </div>
            <div>
                <span>关注微博</span><img width="95" alt="" src="../images/wb.png">
            </div>
        </div>
        <div class="fmenu">
            <p><a href="#">关于我们</a> | <a href="#">联系我们</a> | <a href="#">优秀讲师</a> | <a href="#">帮助中心</a> | <a href="#">意见反馈</a> | <a href="#">加入我们</a></p>
        </div>
        <div class="copyright">
            <div><a href="/">谋刻网</a>所有&nbsp;晋ICP备12006957号-9</div>
        </div>
    </div>
</div>
<!--右侧浮动-->
<div class="rmbar">
	<span class="barico qq" style="position:relative">
	<div  class="showqq">
	   <p>官方客服QQ:<br>335049335</p>
	</div>
	</span>
    <span class="barico em" style="position:relative">
	  <img src="../images/num.png" width="75" class="showem">
	</span>
    <span class="barico wb" style="position:relative">
	  <img src="../images/wb.png" width="75" class="showwb">
	</span>
    <span class="barico top" id="top">置顶</span>
</div>
</body>

<!-- InstanceEnd --></html>
<script src="../js/vue.js"></script>
<script src="../js/axios.min.js"></script>
<script src="../js/moment.js"></script>
<script type="text/javascript" src="js/md5.js"></script>
<!--引入 element-ui 的样式，-->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 必须先引入vue，  后使用element-ui -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
<!-- 引入element 的组件库-->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script>
    var v=new Vue({
        el:"#app",//具体那个视图
        data:{//数据属性
            course:{"categoryChildId":8,"categoryParentId":1,"courseContent":"Python包含的内容很多，加上各种标准库、拓展库，乱花渐欲迷人眼。我一直希望写一个快速的、容易上手的Python教程，而且言语简洁，循序渐进，让没有背景的读者也可以从基础开始学习。我将在每一篇中专注于一个小的概念，希望在闲暇时可以很快读完。","courseGrade":2,"courseLogo":"32eeb513-377d-4dcc-9e00-80da6ad916d3.png","courseName":"高中政治","courseStatus":1,"courseTitle":"Python包含的内容很多，加上各种标准库、拓展库，乱花渐欲迷人眼","expiryDays":260,"expiryMode":1,"forPeople":"高中生","id":1,"isDelete":0,"lessionNum":5,"pageViewcount":50,"price":50.00,"pubTime":1597751738000,"pubUser":1,"recommended":1,"sortValue":2,"teacherId":2},
            courseList:[{"chapterId":0,"courseId":1,"id":1,"nodeName":"第一章"},{"chapterId":0,"courseId":1,"id":7,"nodeName":"第三章","updateTime":1597809266000},{"chapterId":0,"courseId":1,"id":22,"nodeName":"第三章","remarks":"这是我们的第三章  请三天内看完","updateTime":1597942713000},{"chapterId":0,"courseId":1,"id":26,"nodeName":"第四章","nodeType":"视频","remarks":"用于提生自己的硬件了解情况","resId":"10","updateTime":1598270888000},{"chapterId":0,"courseId":1,"id":42,"nodeName":"123","remarks":"23","updateTime":1598489776000}],
            teacher:{"fullName":"张三","generate":1,"id":2,"isDelete":0,"isStar":1,"loginName":"zhangsan","loginPwd":"123456","picImg":"7624e7be-c186-43b3-8aa6-ea0704c244af.jpg","remarks":"资深财会考试与实务操作讲师；拥有五年财税实务及实操经验。 曾在大型连锁超市担任总会计三年，集团公司两年的会计工作经历。","sort":2},
            person:{}
        },
        methods: {//函数
            goTeacher(id){
                window.open('/teachers/'+id+".html")
            },
            learn:function () {
                var user = JSON.parse(sessionStorage.getItem("user"));
                if(user!=null){
                    if(this.course.price>0){
                        this.$message({
                            showClose: true,
                            message: "收费",
                            type: 'success'
                        });
                        window.location.href="../buyCourse.html?id="+this.course.id;
                    }else{
                        this.$message({
                            showClose: true,
                            message: "免费",
                            type: 'success'
                        });
                        debugger
                        axios.get("/api/education-user/eduUserCourse/addSave/"+this.course.id).then((res)=>{
                            debugger
                            if(res.data.success){
                                alert(res.data.message)
                                window.location.href="../coursecont1.html?id="+this.course.id;
                            }else{
                                alert(res.data.message)
                            }
                        })
                    }
                }else{
                    this.$message({
                        showClose: true,
                        message: "请先登录",
                        type: 'success'
                    });
                    window.location.href="../login.html?id="+this.course.id;
                }
            }
        },
        mounted() {
            var id = this.course.id
            axios.get("/api/education-user/eduUserCourse/getCourseById/" + id).then((res) => {//查询学习人数
                this.person = res.data.result
            })
        }
    })
</script>
